<template>
	<div class="shopping">
		<slider :options="options" cname="shopSlider" :banners="list"></slider>
	</div>
</template>

<script>
	let that
	
	import Slider from "../core/slider.vue"
	export default {
		components:{
			Slider
		},
		data(){
			return{
				list:[],
				options:{
					pagination: {
						clickable:true
					},
					slidesPerView:2.5,
					spaceBetween:20,
					freeMode:true					
				}
			}
		},
		methods:{
			getList(){
				that = this
				this.$http.get('/api/shoplist.json').then((req)=>{
					that.list = req.data
				})
			}
		},
		created(){
			this.getList()
		}
	}
</script>

<style lang="scss">
	.shopSlider{
		img{
			width:100%;
		}
	}
	
</style>
